<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/WEB-INF/facelets/templates/template.xhtml">

	<ui:define name="menu">
		<ui:include src="MenuAdministrador.xhtml"></ui:include>
	</ui:define>

	<ui:define name="body">
		<p:fieldset legend="Admisi&oacute;n de Socios">
			<h:form id="form">
				<p:dataTable var="soc" id="datSocioAdmision"
					value="#{administracionSocioAction.listaSocioBeanporAdmitir}"
					selection="#{administracionSocioAction.socioSeleccionado}"
					selectionMode="single" rowKey="#{soc.dni}">

					<p:ajax event="rowSelect" update=":form:pngDatosSocio"
						oncomplete="dlgDatos.show()" />
					<p:ajax event="rowUnselect" />

					<f:facet name="header">
						<h:outputText
							value="Haga click sobre un solicitante para visualizar su informaci&oacute;n" />
					</f:facet>


					<p:column sortBy="#{soc.nombres}">
						<f:facet name="header">
							<h:outputText value="Nombres" />
						</f:facet>
						<h:outputText value="#{soc.nombres}" />
					</p:column>
					<p:column sortBy="#{soc.apellidoPaterno}">
						<f:facet name="header">
							<h:outputText value="Apellido Paterno" />
						</f:facet>
						<h:outputText value="#{soc.apellidoPaterno}" />
					</p:column>
					<p:column sortBy="#{soc.dni}">
						<f:facet name="header">
							<h:outputText value="DNI" />
						</f:facet>
						<h:outputText value="#{soc.dni}" />
					</p:column>
					<p:column sortBy="#{soc.direccion}">
						<f:facet name="header">
							<h:outputText value="Direccion" />
						</f:facet>
						<h:outputText value="#{soc.direccion}" />
					</p:column>
					<p:column>
						<f:facet name="header">
							<h:outputText value="Seleccionar" />
						</f:facet>
						<p:selectBooleanCheckbox value="#{soc.admitido}" />
					</p:column>

				</p:dataTable>

				<p:commandButton value="Admitir seleccionados"
					update=":form:resumenAdmitidos"
					action="#{administracionSocioAction.admitirSeleccionados}"
					oncomplete="dlgResumen.show()" />

				<p:dialog header="Datos del solicitante" modal="true"
					showEffect="fade" hideEffect="explode" widgetVar="dlgDatos">

					<h:panelGrid id="pngDatosSocio" columns="2" cellpadding="4">
						<h:outputText value="Nombre" />
						<h:outputText
							value="#{administracionSocioAction.socioSeleccionado.nombres}" />
						<h:outputText value="DNI" />
						<h:outputText
							value="#{administracionSocioAction.socioSeleccionado.dni}" />

						<f:facet name="footer">
							<p:commandButton value="Admitir" update=":form:datSocioAdmision"
								action="#{administracionSocioAction.admitirSolicitante}"
								oncomplete="dlgDatos.hide()" />

							<p:commandButton value="Cancelar" update=":form:datSocioAdmision"
								oncomplete="dlgDatos.hide()" />
						</f:facet>
					</h:panelGrid>

				</p:dialog>

				<p:dialog header="Solicitantes admitidos" modal="true"
					showEffect="fade" hideEffect="fade" widgetVar="dlgResumen">
					<h:panelGrid id="resumenAdmitidos">
						<p:dataTable var="soc"
							value="#{administracionSocioAction.listaSocioBeanAdmitidos}">
							<p:column>
								<f:facet name="header">
									<h:outputText value="Nombre completo" />
								</f:facet>
								<h:outputText value="#{soc.nombres}" />&nbsp;
								<h:outputText value="#{soc.apellidoPaterno}" />
							</p:column>
							<p:column>
								<f:facet name="header">
									<h:outputText value="DNI" />
								</f:facet>
								<h:outputText value="#{soc.dni}" />
							</p:column>
						</p:dataTable>
					</h:panelGrid>
				</p:dialog>


			</h:form>
		</p:fieldset>

	</ui:define>
</ui:composition>

</html>